<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/css/global.css">
<title>Bio Paola&Antonio</title>
</head>


<body>
<div id="container">
<div id="header"><a href="/bio/"><img src="/bio/home_banner.png" alt="" width="900.5" height="148"  ALIGN="bottom" Border=0px/></a>
</div>
<div id="wrapper">
<div id="content">

<p class="breadcrumb">
<a href="/bio/">Home</a> &nbsp > &nbsp <a href="/bio/ListaCategorie/">Prodotti biologici</a> &nbsp > &nbsp <a href="/bio/ListaCategorie/TuttiProd">Tutti i prodotti</a> &nbsp > &nbsp ${prodotto.nome}
</p>

<% if (request.getParameter("pagePart")==null) { %>
<style>
#b_4{background-color: #0066FF }
</style>
<p class="imageProdotto">
<p>${prodotto.foto}</p>
<img src="fotoProdotto?key=${itemKey}" width="211" height="207" alt="" title="" border="1" style="float:left;margin: 10px" />
<br>${prodotto.info}
</p>
<br CLEAR=ALL>

<div align="center">

<a class="inattivo" href="index?key=${itemKey}"><button id="b_4"> Info generali</button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=descrizione"><button id="b_5"> Descrizione dettagliata  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=benefici"><button id="b_6"> Benefici  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=foto"><button id="b_7"> Fotogallery  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=commenti"><button id="b_8"> Commenti e curiosita'</button></a>

<%} else if (request.getParameter("pagePart").equals("foto")) { %>
<style>
#b_7{background-color: #0066FF }
</style>
<br>${prodotto.foto}
<img src="fotoProdotto?key=${itemKey} width="211" height="207" alt="" title="" border="1" style="float:left;margin: 10px" />
</p>
<br CLEAR=ALL>
<div align="center">
<a class="inattivo" href="index?key=${itemKey}"><button id="b_4"> Info generali</button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=descrizione"><button id="b_5"> Descrizione dettagliata  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=benefici"><button id="b_6"> Benefici  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=foto"><button id="b_7"> Fotogallery  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=commenti"><button id="b_8"> Commenti e curiosita'</button></a>

<%} else if (request.getParameter("pagePart").equals("descrizione")) {%>
<style>
#b_5{background-color: #0066FF }
</style>
<p class="imageProdotto">
<p>${prodotto.foto}</p>
<img src="fotoProdotto?key=${itemKey}" width="211" height="207" alt="" title="" border="1" style="float:left;margin: 10px" />
<br>${prodotto.descrizione}
</p>
<br CLEAR=ALL>
<div align="center">
<a class="inattivo" href="index?key=${itemKey}"><button id="b_4"> Info generali</button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=descrizione"><button id="b_5"> Descrizione dettagliata  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=benefici"><button id="b_6"> Benefici  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=foto"><button id="b_7"> Fotogallery  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=commenti"><button id="b_8"> Commenti e curiosita'</button></a>

<%} else if (request.getParameter("pagePart").equals("benefici")) {%>
<style>
#b_6{background-color: #0066FF }
</style>
<p class="imageProdotto">
<p>${prodotto.foto}</p>
<img src="fotoProdotto?key=${itemKey}" width="211" height="207" alt="" title="" border="1" style="float:left;margin: 10px" />
<br>${prodotto.benefici}
</p>
<br CLEAR=ALL>
<div align="center">
<a class="inattivo" href="index?key=${itemKey}"><button id="b_4"> Info generali</button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=descrizione"><button id="b_5"> Descrizione dettagliata  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=benefici"><button id="b_6"> Benefici  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=foto"><button id="b_7"> Fotogallery  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=commenti"><button id="b_8"> Commenti e curiosita'</button></a>

<%} else if (request.getParameter("pagePart").equals("commenti")) {%>
<style>
#b_8{background-color: #0066FF }
</style>
<p class="imageProdotto">
<p>${prodotto.foto}</p>
<img src="fotoProdotto?key=${itemKey}" width="211" height="207" alt="" title="" border="1" style="float:left;margin: 10px" />
<br>${prodotto.commenti}
</p>
<br CLEAR=ALL>
<div align="center">
<a class="inattivo" href="index?key=${itemKey}"><button id="b_4"> Info generali</button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=descrizione"><button id="b_5"> Descrizione dettagliata  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=benefici"><button id="b_6"> Benefici  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=foto"><button id="b_7"> Fotogallery  </button></a>
<a class="inattivo" href="index?key=${itemKey}&pagePart=commenti"><button id="b_8"> Commenti e curiosita'</button></a>
<% } %>

</div>
</div>
</div>

<div id="navigation">
<ul class="landmark_IDA">
<a href="/bio/ListaCategorie/">Prodotti biologici</a><br/>
<a class="inattivo" href="#">Le nostre offerte</a><br/>
<a class="inattivo" href="#">Produttori</a><br/>
<a class="inattivo" href="#">Tutte le diete</a><br/>
<a class="inattivo" href="#">Trova la ricetta che fa per te</a><br/>
<a class="inattivo" href="#">Dieta su misura</a><br/>
</ul>
</div>

<div id="extra">
<br>
<p align="center" class="extraTitle"><b>Ti consigliamo</b></p>
<ul class="landmark_IDA">
<% if (request.getAttribute("offerta")!=null) {%>
<c:forEach var="o" items="${offerta}">
     <a href="/bio/Offerte/index?key=${f:h(o.key)}"> ${f:h(o.nome)} </a>
  </c:forEach> 
<br/><br/><br/>
<% } %>
<% if (request.getAttribute("ricetta")!=null) { %>
<a href="/bio/ListaCategorie/ProdRic/index?key=${ricetta}" class="semantic link">Le ricette con questo prodotto</a><br/>
<%} %>
<a class="inattivo" href="#"class="semantic link">chi le produce?</a><br/>
</ul>
</div>
<div id="footer"><p><a class="inattivo" href="#">Chi siamo</a> &nbsp | &nbsp <a class="inattivo" href="#">Contatti</a>  &nbsp| &nbsp <a class="inattivo" href="#">Il Servizio</a>  &nbsp| &nbsp <a href="/bio/biologico_1.html">Il Biologico</a>  &nbsp|  &nbsp<a class="inattivo" href="#">News ed eventi</a> </p></div>
</div>
</body>
</html>